<!DOCTYPE html>
<html>
<head>
<title></title> <@h.head />
<style type="text/css">
body {
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}

@media ( max-width : 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}

#cornInfo {
    position:absolute;
    width:580px;
    border: 1px solid #999;
    background: #fffde9;
    color: #555;
    white-space: nowrap;
    cursor: text;
    margin-left: 220px;
    margin-top: -145px;
}
</style>
</head>
<body>
	<form id="fm" action="${path}/scheduleJob/save.json" method="post">
	<div style="text-align: center;" id="errorMsg"></div>
		<table class="table table-bordered table-hover definewidth m10">
			<tr>
				<td>任务名：</td>
				<td>
					<input id="name" name="name" type="text" datatype="*"
										nullmsg="请输入任务名！" /> <span class="Validform_checktip">请输入任务名！</span>
				</td>
			</tr>
			<tr>
				<td>任务组：</td>
				<td><input id="group" name="group" type="text" datatype="*"
										nullmsg="请输入任务组！" /> <span class="Validform_checktip">请输入任务组！</span></td>
			</tr>
			<tr>
				<td>cron表达式：</td>
				<td>
					<input id="cronExpression" name="cronExpression" type="text" datatype="*" nullmsg="请输入表达式！"/>
					<span class="Validform_checktip">请输入表达式！</span>
					<div id="cornInfo" hidden>
						<strong>Quartz时间格式说明:</strong><br>
						分　时　 日　 月　  周<br>
						第1列表示分，取值0～59 每分钟用*或者 */1表示<br>
						第2列表示小时，取值0～23（0表示0点）<br>
						第3列表示日期，取值0～31<br>
						第4列表示月份，取值0～11或JAN, FEB, MAR, APR, MAY, JUN, JUL, AUG, SEP, OCT, NOV, DEC<br>
						第5列表示星期几，取值1～7(1=Sunday)或SUN, MON, TUE, WED, THU, FRI,SAT<br><br>
						
						<strong>符号简介：</strong><br>
						"*"代表取值范围内的数字,<br>
						"/"代表"每",<br>
						"-"代表从某个数字到某个数字,<br>
						","分开几个离散的数字<br>
						"?"用来表示没有意义的值，日期列和星期列中，必须有一个为?<br><br>
						
						<strong>Quartz时间设置的一些例子：</strong><br>
						
						<span class="fc-red">30 20 * * ?</span>
						每晚的20:30执行任务。<br>
						
						<span class="fc-red">30 6 1,10,20 * ?</span>
						每月1、10、20日的6 : 30执行任务。<br>
						
						<span class="fc-red">10 6 ? * SUN,MON</span>
						每周一、周日的6 : 10执行任务。<br>
						
						<span class="fc-red">0 23 ? * 7</span>
						每星期六的23 : 00 执行任务。<br>
						
						<span class="fc-red">0 */1 * * ?</span>
						每一小时0分执行任务<br>
						
						<span class="fc-red">* 23,0-7 * * ?</span>
						23点到早上7点之间，每隔一小时执行任务<br>
					</div>
				</td>
			</tr>
			<tr>
				<td>执行任务的类：</td>
				<td><input name="className" type="text" datatype="*"
										nullmsg="请输入执行任务的类！" /> <span class="Validform_checktip">请输入执行任务的类！</span></td>
			</tr>
			<tr>
				<td>描述：</td>
				<td><input name="description" type="text" ></td>
			</tr>
			<tr>
				<td class="tableleft"></td>
				<td>
					<button type="submit" class="btn btn-primary" type="button">保存</button>
					&nbsp;&nbsp;
					<button type="button" class="btn btn-success" name="backid"
						id="backid" onclick="javascript:history.go(-1)">返回列表</button>
				</td>
			</tr>
		</table>
	</form>
</div>
<@h.foot />
<script type="text/javascript">

var callback = function(data) {
	if (data.status == "0") {
		window.location.href = "${path}/scheduleJob/list";
	} else {
		$("#errorMsg").html(data.msg).show();
	}
}
$("#fm").validFrom(callback);

$(function(){
	$("#cronExpression").focus(function(){
		$("#cornInfo").toggle();
	}).blur(function(){
		$("#cornInfo").toggle();
	});
})
</script>
</body>
</html>